/* margin */

/* margin-top */
.ato-mt-6{
  margin-top: 6px;
}
.ato-mt-8{
  margin-top: 8px;
}
.ato-mt-12{
  margin-top: 12px;
}
.ato-mt-16{
  margin-top: 16px;
}
.ato-mt-18{
  margin-top: 18px;
}
.ato-mt-24{
  margin-top: 24px;
}
.ato-mt-32{
  margin-top: 32px;
}
/* margin-left */
.ato-ml-6{
  margin-left: 6px;
}
.ato-ml-12 {
  margin-left: 12px;
}
.ato-ml-24{
  margin-left: 24px;
}
.ato-ml-60{
  margin-left: 60px;
}
/* margin-bottom */
.ato-mb-8{
  margin-bottom: 8px;
}
.ato-mb-12{
  margin-bottom: 12px;
}
.ato-mb-16{
  margin-bottom: 16px;
}
.ato-mb-18{
  margin-bottom: 18px;
}
.ato-mb-24{
  margin-bottom: 24px;
}
.ato-mb-32{
  margin-bottom: 32px;
}
/* margin-right */
.ato-mr-6{
  margin-right: 6px;
}
.ato-mr-10{
  margin-right: 10px;
}
.ato-mr-12{
  margin-right: 12px;
}
.ato-mr-24{
  margin-right: 24px;
}
.ato-mr-48{
  margin-right: 48px;
}
/* padding */
.ato-padding-12{
  padding: 12px;
}
.ato-padding-16{
  padding: 16px;
}
/* padding-top */

/* padding-left */
.ato-pl-12{
  padding-left: 12px;
}
.ato-pl-32{
  padding-left: 32px;
}
/* padding-bottom */

/* padding-right */

/* flex */
.ato-flex{
  display: flex;
}
.ato-flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
}
.ato-flex-ai-center{
  display: flex;
  align-items: center;
}
.ato-flex-jc-sb{
  display: flex;
  justify-content: space-between;
}
.ato-flex-jc-center{
  display: flex;
  justify-content: center;
}
.ato-flex-center-both{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ato-flex-jc-end{
  display: flex;
  justify-content: flex-end;
}
.ato-flex-jc-sa{
  display: flex;
  justify-content: space-around;
}
/* width */
.ato-w160{
  width: 160px;
}
/* 标题 */
.ato-title{
  color: var(--ato-text);
  font-weight: 600;
  font-size: var(--ato-font-size-large);
}
.ato-sub-title{
  color: var(--ato-text);
  font-weight: 600;
  font-size: var(--ato-font-size-medium);
}
/* list组件 表格中的卡牌图片 */
.ato-list-card-picture{
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
/* list组件 表格中的操作文字 */
.ato-list-operate-primary{
  cursor: pointer;
  color: var(--ato-active);
  text-decoration: underline;
}
/* list组件  原卡扫描*/
.ato-list-scan-pic-upload {
  display: flex;
  align-items: center;
  flex-direction: column;
  &>span{
    margin-top: 8px;
    font-size: var(--ato-font-size-small);
    text-decoration: underline;
    color: var(--ato-active);
  }
}
/* 详情页  标题条 */
.ato-detail-title-bar{
  display: flex;
  align-items: center;
  padding: 16px;
  background: var(--ato-border);
}

/* 滚动条样式  */
  .ato-scroll-bar::-webkit-scrollbar{
    width: 8px;
    height: 8px;
    background: transparent;
  }
  .ato-scroll-bar::-webkit-scrollbar-thumb{
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background: var(--ato-text-placeholder);
  }
